<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>下载图片</h1>
		<script>
			// 01 定义一个函数，返回一个promise
			// 02 在promise创建一个img标签
			// 03 img onload加载 resolve  img
			// 04 img onerror出错 reject
			function downImg(url){
				// 返回promise
				return new Promise((resolve,reject)=>{
					// 创建图片
					var img =  document.createElement("img");
					// 指定src
					img.src = url;
					// 加载成功返回图片
					img.onload =function(){
						resolve(img);
					}
					// 加载失败返回错误原因
					img.onerror = function(err){
						reject(err)
					}
				})
			}
			downImg("https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340")
			.then(res=>{
				document.body.appendChild(res);
			})
			.catch(err=>{
				console.error(err);
			})
			
		</script>
	</body>
</html>
